<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>goodsPage商品页面</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/M-goodsPage.css" />
	</head>

	<body>
		<!----------------------引入头部---------------------------->
		<header></header>
		<div id="wrap">
			<div id="content">
				<!--标签-->
				<div id="label">
					<span>您当前的位置：</span>
					<span class="label_firstP">首页</span>
					<div class="label_img"><img src="img/icons.png" alt="" /></div>
					<span class="label_shopP">海澜之家旗舰店</span>
					<div class="label_img"><img src="img/icons.png" alt="" /></div>
					<span>男士短衬衫</span>
				</div>
				<!--商品-->
				<div id="goods">
					<!--放大镜及轮播图部分-->
					<div id="goods_left" style='width="1000" height="450" scrolling="no" frameborder="no"'>

					</div>
					<!--商品,店铺信息-->
					<div id="goods_cont">
						<div class="goodsMessage">
							<p>男士短衬衫</p>
							<span>
				    	    		海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家海澜之家
				    	    	</span>
						</div>
						<!--尺码颜色-->
						<div class="sizecolor">
							<div class="sizes">
								<span>尺码：</span>
								<div><span>170</span></div>
								<div><span>175</span></div>
								<div><span>180</span></div>
							</div>
							<div class="colors">
								<span>颜色：</span>
								<div><span>红</span></div>
								<div><span>绿</span></div>
								<div><span>蓝</span></div>
							</div>
						</div>
						<!--加入购物车-->
						<div class="price">
							<div class="price_top"><img src="img/M-goodsPage/price.png" alt="" /></div>
							<div class="price_bottom">
								<span>数量：</span>
								<div class="add">
									<div class="add_div1"><img src="img/icons.png" alt="" /></div>
									<span>1</span>
									<div class="add_div2"><img src="img/icons.png" /></div>
								</div>
								<div class="add_shopcar">加入购物车</div>
								<div class="buy">立即购买</div>
							</div>
						</div>
						<!--分享-->
						<div class="share">
							<div class="share_div"><img src="img/icons.png" /></div>
							<span>收藏此商品</span>
							<span>分享到：</span>
							<img src="img/M-goodsPage/buy_1.png" alt="" />
							<img src="img/M-goodsPage/buy_2.png" alt="" />
							<img src="img/M-goodsPage/buy_3.png" alt="" />
							<img src="img/M-goodsPage/buy_4.png" alt="" />
							<img src="img/M-goodsPage/buy_5.png" alt="" />
						</div>
					</div>
					<div id="goods_right">
						<div class="goods_right_d1">点击进入商家</div>
						<div class="goods_right_d2">
							<div class="goods_right_d2_img"><img src="img/icons.png" /></div>
							QQ客服1
						</div>
						<div class="goods_right_d2">
							<div class="goods_right_d2_img"><img src="img/icons.png" /></div>
							QQ客服2
						</div>
					</div>
				</div>

			</div>
			<!--------------------------商品详情---------------------------------->
			<div id="M_footer">
				<div class="M_footer_lable">
					<div>商品详情</div>
					<div>商品评价</div>
					<div>成交记录</div>
				</div>
				<div class="M_f_content">
					<div class="M_f_content_div">
						<img src="img/M-goodsPage/man.png" />
						<img src="img/M-goodsPage/tailor.png" alt="" />
					</div>
					<div class="M_f_content_div">
						<img src="img/M-goodsPage/man.png" />
						<img src="img/M-goodsPage/tailor.png" alt="" />
					</div>
				</div>
			</div>
			<!-------------------------------------商品评价----------------------------->
			<div class="evaluate">
				<div class="M_footer_lable">
					<span>评价</span>
				</div>
				<!---------------------------------商品评价--内容1--------------------------->
				<div class="M_evaluate">
					<div class="M_e_contl">
						<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
						<span>张**</span>
					</div>
					<div class="M_e_contr">
						<div class="M_e_contr_t">
							<span>2016-04-27</span>
							<img src="img/M-goodsPage/start.png" alt="" />
						</div>
						<p>很好吃，昨天收到就弄了一些吃，刚刚有弄了点直接凉拌吃，一个都没坏，卖家人也很热情，货也实惠，买的五斤发六斤,吃完还买哈</p>
						<div class="M_e_contr_b">
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
						</div>

					</div>
				</div>
				<!---------------------------------商品评价--内容2--------------------------->
				<div class="M_evaluate">
					<div class="M_e_contl">
						<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
						<span>张**</span>
					</div>
					<div class="M_e_contr">
						<div class="M_e_contr_t">
							<span>2016-04-27</span>
							<img src="img/M-goodsPage/start.png" alt="" />
						</div>
						<p>很好吃，昨天收到就弄了一些吃，刚刚有弄了点直接凉拌吃，一个都没坏，卖家人也很热情，货也实惠，买的五斤发六斤,吃完还买哈</p>
						<div class="M_e_contr_b">
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
						</div>

					</div>
				</div>
				<!---------------------------------商品评价--内容3--------------------------->
				<div class="M_evaluate">
					<div class="M_e_contl">
						<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
						<span>张**</span>
					</div>
					<div class="M_e_contr">
						<div class="M_e_contr_t">
							<span>2016-04-27</span>
							<img src="img/M-goodsPage/start.png" alt="" />
						</div>
						<p>很好吃，昨天收到就弄了一些吃，刚刚有弄了点直接凉拌吃，一个都没坏，卖家人也很热情，货也实惠，买的五斤发六斤,吃完还买哈</p>
						<div class="M_e_contr_b">
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
						</div>

					</div>
				</div>
				<!---------------------------------商品评价--内容4--------------------------->
				<div class="M_evaluate">
					<div class="M_e_contl">
						<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
						<span>张**</span>
					</div>
					<div class="M_e_contr">
						<div class="M_e_contr_t">
							<span>2016-04-27</span>
							<img src="img/M-goodsPage/start.png" alt="" />
						</div>
						<p>很好吃，昨天收到就弄了一些吃，刚刚有弄了点直接凉拌吃，一个都没坏，卖家人也很热情，货也实惠，买的五斤发六斤,吃完还买哈</p>
						<div class="M_e_contr_b">
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
						</div>

					</div>
				</div>
				<!---------------------------------商品评价--内容5--------------------------->
				<div class="M_evaluate">
					<div class="M_e_contl">
						<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
						<span>张**</span>
					</div>
					<div class="M_e_contr">
						<div class="M_e_contr_t">
							<span>2016-04-27</span>
							<img src="img/M-goodsPage/start.png" alt="" />
						</div>
						<p>很好吃，昨天收到就弄了一些吃，刚刚有弄了点直接凉拌吃，一个都没坏，卖家人也很热情，货也实惠，买的五斤发六斤,吃完还买哈</p>
						<div class="M_e_contr_b">
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
							<div class="M_e_contr_img">
								<img src="img/M-goodsPage/goods_bottom_1.png" alt="" />
							</div>
						</div>

					</div>
				</div>
				<!---------------------------------引入分页--内容5--------------------------->
				<div class="footer1">
					<footer class="footer"></footer>
				</div>
			</div>
			<!---------------------------------成交记录--------------------------->
			<div class="evaluate2">
				<div class="M_footer_lable">
					<span>评价</span>
				</div>
				<div class="record_lable">
					<div>卖家</div>
					<div>价格</div>
					<div>数量</div>
					<div>付款时间</div>
				</div>
				<div class="record">
					<div class="record_lable_cont">
						<div>就是干</div>
						<div>¥699.00</div>
						<div>1</div>
						<div>2015-09-10 16:09:14</div>
					</div>
					<div class="record_lable_cont">
						<div>就是干</div>
						<div>¥699.00</div>
						<div>1</div>
						<div>2015-09-10 16:09:14</div>
					</div>
					<div class="record_lable_cont">
						<div>就是干</div>
						<div>¥699.00</div>
						<div>1</div>
						<div>2015-09-10 16:09:14</div>
					</div>
					<div class="record_lable_cont">
						<div>就是干</div>
						<div>¥699.00</div>
						<div>1</div>
						<div>2015-09-10 16:09:14</div>
					</div>
					<div class="record_lable_cont">
						<div>就是干</div>
						<div>¥699.00</div>
						<div>1</div>
						<div>2015-09-10 16:09:14</div>
					</div>
					<div class="record_lable_cont">
						<div>就是干</div>
						<div>¥699.00</div>
						<div>1</div>
						<div>2015-09-10 16:09:14</div>
					</div>
					<!----------------------------引入分页符 ----------------------------->
					<div class="footer1">
						<footer class="footer"></footer>
					</div>
				</div>

			</div>
		</div>
		<!--弹出框-->
		<div class="pullcar">
			<div class="car_content">
				<div class="con1">
					<img src="img/shopping_empty/sucsspay.png" alt="" />
					<span>已成功加入购物车</span>
				</div>
				<div class="con2">
					<button>继续购物</button>
					<button>查看购物车</button>
				</div>
			</div>
		</div>
		<!----------------------------引入底部标签 ----------------------------->
		<div id="div1"></div>
		<iframe src="footer.html" width="100%" height="450"></iframe>
	</body>
	<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/M-goodsPage.js" type="text/javascript" charset="utf-8"></script>

</html>